@use '../core' as *;

.launcher {
    position: relative;
    display: flex;
    align-items: center;
    gap: $spacing-size-2;
    bottom: $spacing-size-1;
    margin-right: $spacing-size-4;

    label {
        color: var(--color-fg-secondary);
    }

    select {
        margin-right: $spacing-size-4;
    }

    button {
        --color-icon: var(--color-link);
        --icon-size: 1.5em;

        &:hover {
            --color-icon: var(--color-link-hover);
        }
    }

    svg {
        transition: fill $transition-default-timing;
    }
}

.simpleSelects {
    position: relative;
    top: $spacing-size-1;

    select {
        margin-left: 0;
        padding: 0 $spacing-size-6 0 0;
        border: none;
    }
}
